import Vue from 'vue'
import App from './App.vue'
import router from '@/router'
import TypeNav from '@/components/TypeNav'
import Carousel from '@/components/Carousel'
import Pagination from '@/components/Pagination'

import store from '@/store'
// 全局注册三级联动
Vue.component(TypeNav.name,TypeNav)
Vue.component(Carousel.name,Carousel)
Vue.component(Pagination.name,Pagination)

Vue.config.productionTip = false

// import { reqCategoryList } from '@/api'
// reqCategoryList();
// import { reqSearchInfo } from '@/api'
// console.log(reqSearchInfo({}));

/**
 * 注意这里需要在程序运行的入口引入一下，也就是成为这个程序的一部分
 * 和引入全家样式一样，只不过样式这个是覆盖，而这个没有，是第一次装上
 * */ 
import '@/mock/mockServer'

// 轮播图在多出都要使用，因此它的样式就全局加载一次
import  'swiper/css/swiper.css'
new Vue({
  render: h => h(App),
  // 使用任意一个插件都要在main.js注册，表示Vue实例有这个插件
  router,
  store,
  // 挂在之前全局之间总线就指向好
  beforeCreate() {
    // 意思是原型（构造函数）上的$bus指向vm，这样vm就可以通过原型链去取
    Vue.prototype.$bus = this
  },
}).$mount('#app')
